<template>
	<div class="l_k_tag" :style="myCss ? myCss :'font-size:' + sizeFilter(size)+';color:'+color+';border:1px solid '+color">
		<slot></slot>
	</div>
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {

		},
		created() {
			// console.log(this)
		},
		computed: {
			sizeFilter() {
				return (size) => {
					let s = ''
					switch (size) {
						case 'small':
							s = '8px'
							break;
						case 'large':
							s = '12px'
							break;
						default:
							s = '10px'
							break;
					}
					return s
				}
			}
		},
		props: {
			color: {
				type: String,
				default: '#333'
			},
			//大小 -> small,middle,large
			size: {
				type: String,
				default: 'middle'
			},
			myCss:{
				type: [String,Array,Object],
				default: ''
			}
		}
	}
</script>

<style>
	.l_k_tag {
		padding: 5rpx;
		color: #000;
		border: 1px solid #000;
		border-radius: 7rpx;
		display: inline-block;
	}
</style>
